@charset "UTF-8";
@import "_functions.scss";
@import "compass/css3";
@import "compass/utilities/";

.container {
    padding: 0 px2rem(30);
}
.title {
    margin-top: px2rem(90);
    font-size: px2rem(60);
    color: #333;
}
.sub-title {
    margin-top: px2rem(10);
    color: #333;
    font-size: px2rem(36);
}
.tel, .username, .password {
    font-size: px2rem(30);
    color: #333;
    border: 1px solid #333;
    width: px2rem(690);
    height: px2rem(76);
    line-height: px2rem(76);
    @include border-radius(px2rem(9));
    padding: 0 px2rem(12);
    background-color: #f4f4f4;
}
.password {
    border: 1px solid #ccc;
}
.code {
    margin-top: px2rem(39);
    @include clearfix;
    .verification-code {
        font-size: px2rem(30);
        color: #333;
        border: 1px solid #ccc;
        width: px2rem(390);
        height: px2rem(76);
        line-height: px2rem(76);
        @include border-radius(px2rem(9));
        padding: 0 px2rem(12);
        background-color: #f4f4f4;
        float: left;
    }
    .get-code {
        font-size: px2rem(30);
        color: #fff;
        background-color: #ff7200;
        width: px2rem(280);
        height: px2rem(76);
        line-height: px2rem(76);
        @include border-radius(px2rem(9));
        text-align: center;
        display: block;
        float: right;
    }
}
.container .disabled {
    background-color: #ccc;
}
.notice {
    font-size: px2rem(24);
    color: #ff0000;
    margin-top: px2rem(50);
    display: block;
}
.next-step, .login, .skip {
    font-size: px2rem(30);
    color: #fff;
    background-color: #ff7200;
    border: 1px solid #ff7200;
    width: px2rem(690);
    height: px2rem(80);
    line-height: px2rem(80);
    @include border-radius(px2rem(9));
    text-align: center;
    display: block;
    margin-top: px2rem(44);
}
.skip {
    background-color: #fff9f5;
    color: #ff7200;
}